/* body,html{ width: 100%; height: 100%; overflow-y: hidden;} */
.wrapBox{ width: 100%; height: 100%; position: fixed; }

.box{ width: 100%; height: 100%; }
.page1,.page2,.page3,.page4,.page5,.page6{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box; overflow:hidden;position: relative; }
/* .page2{ background: purple; } */
.page3{ background: #000; }
.page4{ background: #000; }
.page5{ background: #abcedf; }
.page6{ background: #123456; }
.wrapHeader{width: 100%;position:fixed;z-index: 999;}
.fixedNav{width: 19px;height: 153px;position: fixed;top:50%;margin-top:-81.5px;z-index: 999;right:30px;padding:10px 0 0 0;}
.fixedNav ul{width: 19px;}
.fixedNav li{width:5px;height:5px;background:#fff;margin:20px auto;border-radius: 100%;cursor: pointer;position: relative;}
.fixedNav li.current{width:16px;height:16px;background:#fff;border-radius: 50%;}
.fixedNav li span{position: absolute;top:0;left:-80px;width: 76px;height: 19px;background: url(../images/sprite.png) no-repeat 0 -80px;text-align: center;line-height: 19px;color:white;font-size: 12px;}

/* 以上是滚屏部分 */




/* 一下是样式部分 */
.page1-head{
	width: 100%;
	height: 100%;
	background: #008e00;
	overflow:hidden;
}
.page1-head .logo-left{
	width:305px;
	height: 100%;
	overflow:hidden;
	margin-left: 178px;
	float: left;
}
.page1-head .logo-left .one{
	margin-top:13px;
}
.nav-right{
	float: right;
	position: relative;
	top: 0;
	left: 0;
	margin-right:80px;
}
.nav-right span{
	width: 72px;
	height: 5px;
	background:#fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.nav-right ul{
	overflow:hidden;
	float: left;
}
.nav-right em{
	width: 26px;
	height: 23px;
	background:url(../images/t0190f074b3b191b4d3.png) 0 -321px no-repeat;
	display: block;
	float: left;
	margin-top:20px;
	margin-left: 10px;
}
.nav-right ul li{
	float: left;
	line-height:65px;
	padding: 0 20px;
	cursor: pointer;
	color: #fff;
}
/* 第一屏 */
.page1{
	position: relative;
}
/* 第一张 */
.page1 .banner-one{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 4;}
.page1 .banner-one .bg{width: 100%;height: 100%;}
.page1 .banner-one .bg img{width: 100%;height: 100%;}
.banner-one .main-main{width: 905px;height: 540px;position:relative;top:42%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);font-family: "黑体","Arial";font-size: 20px;line-height: 48px;color: #fff;}
.main-main-text{font-style: italic;margin-top:40px;}
.phone-pic{font-size: 40px;}
.banner-one .main-main .main-main-left,.banner-one .main-main .main-main-right{float: left;overflow:hidden;}
.banner-one .main-main .main-main-right{margin-left:140px;}
.banner-one .main-main .main-main-left img{margin: 20px 0;cursor: pointer;}


/* 第二屏幕 */
.page2{background:#000;}
.page2 .banner-one{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 4;}
.page2 .banner-one .bg{width: 100%;height: 100%;}
.page2 .banner-one .bg img{width: 100%;height: 100%;}
.page2 .main2{width: 100%;height: 100%;position: absolute;top:8%;}
.page2 .banner-one img {width: 100%;height: 100%;object-fit: cover;}

/* 第三屏 */
.page3{background:#000;}
.page3 .main{width: 100%;height: 100%;position: absolute;top:8%;}


/* 第四屏幕 */
.page4{background:#000;}
.page4 .main{width:955px;height: 520px;position: absolute;left: 50%;top: 5%;margin-left: -477px;}
#main{width:540px;height:540px;background:#29d568;border-radius:50%;overflow:hidden;position:relative;top:0;left:0;}

#shang{width:900%;height:398px;position:absolute;bottom:0;left:0;z-index:3;animation: scroll 3s linear infinite;-webkit-animation: scroll 3s linear infinite;}
	@keyframes scroll{
		0%{
			left:0;
		}
		100%{
			left:-1680px;
		}
	}
	@-webkit-keyframes scroll{
		0%{
			left:0;
		}
		100%{
			left:-1680px;
		}
	}

#shang span{width:1680px;height:398px;float: left;display:block;overflow:hidden;}

#xia{
	width:900%;
	height:398px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	animation: scroll2 3s linear infinite;
	-webkit-animation: scroll2 3s linear infinite;
	}
	@keyframes scroll2{
		0%{
			left:0;
		}
		100%{
			left:-1680px;
		}
	}
	@-webkit-keyframes scroll{
		0%{
			left:0;
		}
		100%{
			left:-1680px;
		}
	}


#xia span{
	width:1680px;
	height:398px;
	float: left;
	display:block;
	overflow:hidden;
}
#text{
	width:540px;
	height:540px;
	color:#fff;
	position:absolute;
	z-index: 5;
	top:0;
	left:0;
	text-align:center;
	font-size:30px;
	line-height:200px;
}
.page4 .main .left{
	float: left;
}
.page4 .main .right{
	float: right;
	margin-top:150px;
}
.page4 .main .right .hd-text{
	color:#29d568;
    font-size: 60px;
    line-height: 80px;
}
.page4 .main .right .bd-text{
	color: #888888;
    line-height: 60px;
    font-size: 30px;
}



/* 第五屏 */
.page5{
	background: #fff;
}
.page5 .main{
	width: 975px;
	height:540px;
	position: absolute;
	left: 50%;
	top:5%;
	margin-left: -487px;
}
.page5 .main .left{
	width: 295px;
	height: 290px;
	float: left;
	margin-top:150px;
}
.page5 .main .left .hd-text{
	color:#8561fe;
    font-size: 60px;
    line-height: 80px;
}
.page5 .main .left .bd-text{
	color: #888888;
    line-height: 60px;
    font-size: 30px;
}
.page5 .main .right{
	width: 540px;
	height: 540px;
	background:url(../images/zuihou.png);
	float:right;
	position:relative;
}






/* 动画 */
.huojian{
	transition: all 2s ;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-ms-transition: all 2s;
	-s-transition: all 2s;
}
.weiqi{
	transition: all 2s 0.5s;
	-moz-transition: all 2s 0.5s;
	-webkit-transition: all 2s 0.5s;
	-ms-transition: all 2s 0.5s;
	-s-transition: all 2s 0.5s;
}
.yuncai{
	transition: all 2s 1s;
	-moz-transition: all 2s 1s;
	-webkit-transition: all 2s 1s;
	-ms-transition: all 2s 1s;
	-s-transition: all 2s 1s;
}
.huojian2{
	transform: translate(0,480px);
	-webkit-transform: translate(0,480px);
}
.weiqi2{
	transform: translate(0,280px);
	-webkit-transform: translate(0,280px);
}
.yuncai2{
	transform: translate(0,280px);
	-webkit-transform: translate(0,280px);
}


.page3 .right .pic{
	transition: all 1.5s ;
	-moz-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-s-transition: all 1.5s;
}
.page3 .right .picc{
	transform: translate(200px,280px);
	-webkit-transform: translate(200px,280px);
}
.page5 .right .dunpai{
	transition: all 1.5s ;
	-moz-transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-s-transition: all 1.5s;
}
.page5 .right .dunpai2{
	transform: translate(0,-280px) rotate(960deg);
	-webkit-transform: translate(0,-540px) rotate(960deg);
}